<!DOCTYPE html>
<html>
<head>
    <title>BenZ share</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container">
    <div class="page page3">
        <div class="page3_img"></div>
        <div id="share_btn3">
            <a href="javascript:void(0)"></a>
        </div>
        <textarea id="text_ask">your thinking of this moment...</textarea>
    </div>

    <div class="page page5">
        <div class="page5_img">
            <img src="img/Share5.png">
        </div>
        <div id="share_btn5"><a href="javascript:void(0)"></a></div>
    </div>
</div>
<script type="text/javascript" src="lib/zepto.min.js"></script>

<script type="text/javascript">
    Zepto(function ($) {
        $("#share_btn3").click(function () {
            $(".page3").css("display", "none");
            $(".page5").css("display", "block");
        })
        $("#text_ask").focus(function () {
            this.value = null;
        })
    });
</script>
</body>
</html>